<template>
	<scroll-view scroll-y class="public-scroll-view">
			<view class="textarea-model">
				<text class="textarea-model-title">输入区域高度自适应，不会出现滚动条</text>
					<textarea class="textarea-component" auto-height/>
			</view>
			
			<view class="textarea-model">
				<text class="textarea-model-title">占位符字体是红色的textarea</text>
				<textarea class="textarea-component" placeholder-style="color:#F76260" placeholder="占位符字体是红色的" />
			</view>
	</scroll-view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.textarea-model{
	padding-top: 20rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.textarea-model-title{
	font-size: 32rpx;
	font-weight: bold;
	width: 90%;
}
.textarea-component{
	background-color: white;
	padding-left: 20rpx;
	width: 90%;
	margin-top: 20rpx;
	border-radius: 20rpx;
	padding: 10rpx;
}
</style>
